.box{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.header .top{
	height:0.5rem;
	line-height:0.5rem;
	background:#f7f7f7;
	font-size:14px;
}
.header .top i{
	margin:0 8px;
	
}
.header{
 	position:fixed;
    width:100%;
	z-index:999;
	background:#181f53;
	height:70px
}
#div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9{
	padding-top:70px;margin-top:-70px;
}

.header li{
	text-align:center;
	width:14.2857%;
	cursor: pointer;
}
.top_tt .logo{
	margin-top:16px
}
.header li a{
	font-size:14px;
	color:#fff;
	text-align:center;
	display:block;
	position:relative;
	 font-family: 'pingFangSC-Medium';
	 height: 70px;
line-height: 70px;
}
.header li a img{
	position:absolute;
	top:0;
	right:0
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  margin: 0 auto;
}.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap div {
  float:left;
  width:100%;
  position: relative;
}
#pager em{display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
	margin:0 5px;
}
#pager em.on{background-color: #588ebb;}
#pager{
	text-align:center;
	position:relative;
	z-index:88;
	bottom:0.525rem
}
.ppd_add img{
	cursor:pointer
}
.prev_prev img{
	position:absolute;
	top: 50%;
	left:1%;
    transform: translate(0, -50%);
}
.next_next img{
	position:absolute;
	top: 50%;
	right:1%;
    transform: translate(0, -50%);
}
.header .nav {
    display: none;
}
.nav_hide h1 {
	background: #f5f5f5;
	padding: 15px;
	color: #333333
}

.nav_hide li {
	color: #666666;
	padding:20px;
	border-bottom: 1px #eeeeee solid;
	font-size:16px
}
.nav_hide li dl a{
	font-size:12px;
}
.nav_hide li.active a {
	color:#181f53 
}
.nav_hide li.active dd a{
	color: #666666;
}
.elementor-background-overlay {
	background-color: #faeaeb;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0.15;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	z-index: 998998998998998998998
}

.nav_hide .elementor-background-overlay,.nav_hide.aa.animate-show .elementor-background-overlay {
	display: none
}

.nav_hide.aa .elementor-background-overlay {
	display: block
}
.nav_hide.aa ul {
    display: block;
}
.nav_hide ul {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999999999999999999999999;
    width: 200px;
    height: 100%;
    background: #fff;
    transition: left .4s ease-in-out;
    overflow-y: scroll;
    display: none;
}
.pc_nav li em{
	display: block;
    width: 40%;
    margin: 0 auto;
    height: 4px;
    background: #fff;
    position: relative;
    top:-0.25rem;
}

.wap_nav{
	display:none
}
.header .pc_nav {
	width:70%;
	line-height:37px;
}
#mySwipe{
	padding-top:68px;
	margin-bottom:-10px
}
.home .one{
	background:url(../img/bg_1.jpg) no-repeat;
	padding:1rem 0;
	background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.home .one .txt{
	width:27.5%;
	color:#fff
}
.home .one .img{
	width:67.5%
}
.home .one .tit{
	color:#fff;
	font-size:0.48rem;
	margin-bottom:1rem
}
.home .one .txt h2{
	font-size:22px;
	font-weight:bold;
	margin-bottom:25px
}
.home .one .txt em{
	display:block;
	height:1px;
	background:#fff
}
.home .one .txt p{
	color:#c7c8d1;
	font-size:14px;
	line-height:32px;
	text-indent:2em;
	margin:50px 0
}
.home a.more{
	color:#fff;
	border:1px #fff solid;
	padding:10px 35px;
	font-size:14px;
	display:inline-block
}
.home .one .txt  a:hover{
	background:#fff;
	color:#181f53
}

.home .tow{
	background:url(../img/bg_2.jpg) no-repeat fixed;
	padding:2rem 0;
	background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.home .three{
	background:url(../img/bg_3.jpg) no-repeat fixed;
	padding:2rem 0;
	background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.home .four{
	background:url(../img/bg_4.jpg) no-repeat fixed;
	padding:1.2rem 0;
	background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.home .tow .txt{
	width:31%;
	position:absolute;
    top: 50%;
    right: 0%;
    transform: translate(-0%, -50%);-webkit-transform:translate(-0%, -50%);
}
.home .three .txt{
	width:31%;
	padding-top:1.5rem
}
.home .tow .img,.home .three .img{
	width:54%
}
.home .tow .txt h2,.home .three .txt h2{
	color:#174f8e;
	font-size:25px;
	font-weight:bold
}
.home .tow .txt p,.home .three .txt p{
	margin:50px 0;
	color:#474747;
	font-size:14px;
	line-height:28px
}
.home .three .txt h2,.home .three .txt p{
	color:#fff
}
.home .tow a.more{
	color:#174f8e;
	border:1px #174f8e solid;
}
.home .tow a.more:hover{
	color:#fff;
	border:1px #174f8e solid;
	background:#174f8e
}
.home .three a.more:hover{
	color:#174f8e;
	border:1px #fff solid;
	background:#fff
}
.pub_pub .title h2{
	font-size:30px;
	color:#333;
	font-weight:bold;
	position:relative;
	z-index:8
}
.pub_pub .title em{
	font-size:60px;
	color:#edeeef;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	top:-35px ;
	position:relative;
	z-index:0
}
.home .four .list {
	position:relative;
	cursor:pointer;
	width:25%
}
.home .four .list .txt{
	position:absolute;
	width:100%;
	bottom:20px;
	text-align:center;
	color:#fff;
}
.home .four .list .txt h2{
	font-size:18px;
	font-weight:bold
}
.home .four .list .txt a{
	display:none
}
.home .four .list.active .txt a{
	display: inline-block;
	margin-top:15px
}
.home .four .list.active .txt a:hover{
	background:#fff;
	color:#174f8e
}
.home .five{
	background:#181f53;
	padding:1rem 0
}
.home .five .title h2{
	color:#fff
}
.home .five .title em{
	color:#3b3f66;
}
.home .five .dl dl{
	width:20%;
	color:#fff;
	text-align:center;
	margin-top:0.75rem
}
.home .five .dl dt img{
	width:45%;
	margin-bottom:0.35rem
}
.home .six{
	background:url(../img/bg_4.jpg) no-repeat;
	padding:1.2rem 0;
	background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.home .six .dl .list{
	width:33.33%;
	border-left:1px #c1cede solid;
	padding:0 0.5rem
}
.home .six .dl .list .img img{
	width:100%
}
.home .six .dl .list:nth-child(1){
	border-left:0
}
.home .six .txt h2{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap
}
.home .six .txt em{
	color:#333;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:20px 0
}
.home .six .txt p{
	font-size:14px;
	color:#333;
	line-height:22px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.home .six .list .see{
	height:1.5rem
}
.home .six .list a.more{
	color:#174f8e;
	border:1px #174f8e solid;
	display:none;
	margin-top: 0.35rem;
}
.home .six .list a.more:hover{
	background:#174f8e;
	color:#fff
}
.home .six .dl .list.active a.more{
	display: inline-block
}
.home .six .dl .list.active  h2{
	color:#174f8e;
}
.home .five.senven{
	background:url(../img/bg_5.jpg) no-repeat;
	background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.marqueeleft {
	overflow: hidden;
	margin: 40px auto;
}

.marqueeleft ul {
	float: left;
}

.marqueeleft li {
	float: left;
	margin: 0 5px;
	display: inline;
	overflow: hidden;
	width: 300px;
}

.marqueeleft li .pic {
	display: block;
	border: #ccc 1px solid;
	width: 135px;
	height: 104px;
	padding: 2px;
	overflow: hidden;
}

.marqueeleft li .txt {
	text-align: center;
	height: 23px;
	line-height: 23px;
}
.footer{
	background:#333333;
	padding-top:45px
}
.footer .foot_logo{
	width:15%
}
.footer .foot_nav{
	width:70%;
	margin-left:5%
}
.footer .foot_core{
	width:10%;
	color:#fff;
	font-size:14px;
	text-align: center
}
.footer .foot_core img{
	margin-bottom:10px;
}
.footer .foot_logo em{
	font-size:14px;
	color:#d8d8d8;
	margin-top:30px;
	display:block
}
.footer .foot_logo h2{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0 25px 0
}
.footer .foot_logo p{
	color:#979797;
	font-size:12px;
	line-height:20px
}
.footer .foot_nav dl{
	width:20%
}
.footer .foot_nav dt a{
	color:#fff;
	font-size:16px;
}
.footer .foot_nav dd a{
	color:#a9a9a9;
	font-size:14px;
	display:block;
	margin-top:20px
}
.footer .foot_nav dd a:hover{
	color:#fff
}
.footer .Copyright{
	text-align:center;
	font-size:14px;
	color:#d8d8d8;
	border-top:1px #545454 solid;
	padding:0.45rem 0;
	margin-top:0.5rem
}
.footer .Copyright a{
	color:#d8d8d8;
	margin-left:15px;
	display:inline-block
}
#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 99999998;
}
.banner{
	padding-top: 68px;
}
.banner .txt{
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
	color:#fff;
	text-align:center
}
.banner .txt h2{
	font-size:40px;
}
.banner .txt p{
	font-size:28px;
	margin-top:0.5rem
}
.about .one .txt{
	width:54.5%
}
.about .one .img{
	width:41.5%
}
.about .one .img img{
	width:100%;
	height:100%
}	
.pub_tp{
	padding:1.25rem 0
}
.about .one .txt h2{
	font-size:36px;
	font-weight:bold;
	margin-bottom:1.25rem
}
.about .one .txt p{
	font-size:16px;
	line-height:36px;
	text-indent:2em
}
.about .one .txt  ul{
	margin-top:0.75rem
}
.about .one .txt  li:hover img{
	-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.about .one .txt  li img{
	-webkit-transition: all 500ms ease;
transition: all 500ms ease;
margin-bottom:5px;
display:block;
margin:0 auto
}

.about .one .txt  li p{
	text-align:center;
	text-indent:0
}
.pub_tit .tit{
	text-align:center;
	font-size:36px;
	font-weight:bold;
	margin-bottom:1.5rem
}
.about .tow{
	background:#181f53;
	padding:1rem 0 1.5rem 0;
	color:#fff
}
.about .tow .tit{
	color:#fff
}
.about .tow .dl{
	overflow:hidden
}
.about .tow dl{
	width:48%;
	display:flex;
	border-bottom:1px #5e6387 solid;
	padding-bottom:25px;
	float:left;
	min-height:1rem;
	padding-top:0.65rem
}
.about .tow dl:nth-child(even){
	margin-top:1rem;
	float:right
}
.about .tow dl dt{
	width:32%;
	font-size:32px;
	font-family:  "Arial Black", Gadget, sans-serif
}
.about .tow dl dd{
	width:63%;
	font-size:15px;
	line-height:26px;
	align-self: center;
}
.about .three{
	padding:1rem 0 0 0;
	background:#f6f8fb
}
.about .three dl{
	background:#fff;
	border:1px #bfbfbf solid;
	width:49%;
	margin-bottom:5%
}
.about .three dt{
	border-bottom:1px #bfbfbf solid;
	padding:0.85rem 0 0.5rem 0;
	margin-top: -1.25rem;
}
.about .three dt i{
	display:block;
	width:50px;
	height:50xp;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:26px;
	background:#181f53;	
	margin-left: 0.45rem;
}
.about .three dt em{
	display:block;
	margin-left: 0.45rem;
	margin-top:0.25rem
}
.about .three dd{
	width:90%;
	margin:5% auto
}
.about .four{
	background:url(../img/ab_bg.jpg) no-repeat;
padding: 1rem 0;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;}

.about .three.pub_tit .tit,.about .four.pub_tit .tit,.about .five.pub_tit .tit{
	color:#181f53
}

.v_out {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}

.v_show {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 350px;
	float: left
}

.v_cont {
	width: 400%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.v_cont ul {
	float: left;
	text-align: center;
	line-height: 50px;
	width:100%
}

.v_cont ul li {
	width: 4.4%;
	height: 350px;
	float: left;
	margin:0 0.3%;
}

/*---圆圈---*/
.v_out_p {
	position: relative;
	overflow: visible
}

.circle {
	position: absolute;
	left: 40px;
	top: 290px;
}

.circle li {
	width: 120px;
	height: 60px;
	float: left;
	margin-right: 10px;
	background: #ccc
}

.circle .circle-cur {
	background: #f00
}

/*---切换---*/
.prev,.next {
	position:relative;
	z-index:99
}
.cnenter{
	text-align:center;
	padding-top:55px
}

.prev,.prev a,.next,.next a {
	width: 40px;
	height: 40px;
	display:  inline-block;
	margin:0 8px
}
.about .five,.about .six{
	padding:1rem 0
}
.about .six{
	background:#181f53
}
.about .six.pub_tit .tit{
	color:#fff
}
.about .six .logo_l {
	width:57.5%;
	background:#ededf2;
	padding: 0.35rem
}
.about .six .logo_l p{
	width:32.33%;
	background:#fff;
	margin-top:1.5%;
	-moz-border-radius: 17px 0 17px 0;
  -webkit-border-radius:17px 0 17px 0;
  border-radius: 17px 0 17px 0;
}
.about .six .logo_r {
	width:41%;
	background:#fff;
	-moz-border-radius: 7px 0 7px 0;
  -webkit-border-radius: 7px 0 7px 0;
  border-radius: 7px 0 7px 0;
  padding:0.45rem 0.35rem
}
.about .six .logo_r h2{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px #dbdbdb solid;
	padding-bottom:0.25rem;
	margin-bottom:0.15rem
}
.about .six .logo_r p{
	font-size:16px;
	color:#494949;
	line-height:40px;
	text-indent:2em
}
.about .three dl:nth-child(2) dd,.about .three dl:nth-child(3) dd,.about .three dl:nth-child(10) dd ,.about .three dl:nth-child(10) dd p{
	display:flex;
	 justify-content:space-between ;
	 flex-wrap:wrap
}
.about .three dl:nth-child(2) dd em{
	background:#e9edf4;
	width:48.5%;
	padding:0.35rem;
	margin-bottom:2%;
	  -moz-border-radius:8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align:center;
  font-size:14px;align-self:center;
}
.about .three dl:nth-child(3) dd p{
	width:48.5%;
	text-align:center
}
.about .three dl:nth-child(3) dd p img{
	box-shadow:0 0 10px #9da8b1;
	margin-bottom:10px
}
.about .three dl:nth-child(4) dd em{
	background:#e9edf4;
	width:100%;
	display:block;
	padding:0.35rem;
	margin-bottom:2%;
	  -moz-border-radius:8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size:14px;align-self:center;
}
.about .three dl:nth-child(5) dd em,.about .three dl:nth-child(6) dd em,.about .three dl:nth-child(7) dd em,.about .three dl:nth-child(8) dd em,.about .three dl:nth-child(9) dd em{
	background:url(../img/00.png) no-repeat 0 2px;
	display:inline-block;
	padding-left:25px;
	width:48.5%;
	font-size:14px;
	margin-bottom:0.35rem
}
.about .three dl:nth-child(5) dd p img,.about .three dl:nth-child(6) dd p img,.about .three dl:nth-child(7) dd p img,.about .three dl:nth-child(8) dd p img,.about .three dl:nth-child(9) dd p img{
	width:100%
}
.about .three dl:nth-child(10) dd p{
	width:49%;
	align-self: center;
	margin-bottom:0.65rem
}
.about .three dl:nth-child(10) dd img{
	width:22%
}
.about .three dl:nth-child(10) dd em{
	width:76%;
	align-self: center;
}
.about .five p{
	width:33.333%
}
.about .six .logo_l p img{
	display:block;
	margin:0 auto
}
#news,#case,#contact,#product{
	background:#161926;
	padding:0.85rem 0
}
#news .news_nav {
	text-align:center;
	margin-bottom:1rem
}
#news .news_nav a{
	display:inline-block;
	width:230px;
	height:60px;
	text-align:center;
	line-height:60px;
	color:#ffffff;
	border:1px #ffffff solid;
	font-size:16px;
	margin:0 25px
}
#news .news_nav a.active,#news .news_nav a:hover{
	background:#181f53;
	border:1px #181f53 solid
}
#news .dl dl,#case dl{
	width:33.333%;
	float:left;
	border-left:1px #343434 solid;
	padding: 0 0.5rem;
	margin-top:0.5rem
}
#case dl{
	background:#fff;
	border-left:0;
	padding:0;
	width:32.33%;
	margin-left:1.5%;
	margin-bottom:1.5%
}
#case dl dt img{
	width:100%
}
#case dl dd{
	padding:0.3rem
}
#case dl dd h2{
	font-size:16px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
color:#333333
}
#case dl dd  p{
	font-size:12px;
	color:#666;
	line-height:20px;
	margin-top:12px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#case dl:nth-child(3n+1){
	margin-left:0
}
#news .dl dl:nth-child(3n+1){
	border-left:0
}
#news .dl dd h2{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin:0.35rem 0
}
#news .dl dd  p{
	font-size:14px;
	line-height:20px;
	color:#babbbd;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#news .dl dd i{
	color: #fff;
border: 1px #fff solid;
padding: 10px 35px;
font-size: 14px;
display: inline-block;
margin-top:0.35rem
}
#news .dl dt img{
	width:100%
}
#news .dl dl.active dd i{
	background:#181f53;
	border:1px #181f53 solid;
}
.page{
	text-align:center;
	padding-top:1rem 
}
 .page a,.page b{
	color:#333;
	margin:0 8px;
	font-weight:normal
}
.page b,.page a:hover{
	text-decoration:underline
}
#news .new_l{
	width:25%
}
#news .new_l h2{
	color:#fff;
	font-size:24px;
	margin-bottom:25px;
}
#news .new_l dt{
	background:url(../img/0101.png) no-repeat  0 7px;
	display:inline-block;
	padding-left:15px
}
#news .new_l dd {
	color:#999999;
	font-size:14px;
	padding-left:15px;
	margin:15px 0;
	line-height:22px
}
#news .new_r{
	width:66%
}
#news .new_r .title{
	font-size:20px;
	font-weight:bold;
	color:#fff;
}
#news .new_r .timer{
	margin:35px 0;
	color:#f5f5f5;
	font-family:Arial, Helvetica, sans-serif
}
#news .new_r .cont p{
	color:#999999;
	text-indent:2em;
	font-size:14px;
	line-height:32px;
	margin-bottom:15px
}
#news .new_r .cont p img{
	/*display:block;*/
	margin:0 auto
}
 .ne_pev {
    width: 80%;
    margin: 1rem auto 0 auto;
}
.ne_pev a{
	color:#fff
}
.ne_pev a i{
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	border:1px #161926 solid;
	display:inline-block;
	position: relative;
top: -22px;
margin: 0 25px;
-moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
 .ne_pev a i img{
	position:relative;
	top:20px
}
 .ne_pev a:hover i{
	border:1px #7d7d7d solid;
	-moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
#case dl:hover dd {
	background:#181f53
}
#case dl:hover dd h2,#case dl:hover dd p{
	color:#fff;
}
#case dt img{
	height:100%
}
#case #news .new_r{
	width:100%
}
#case #news li{
	font-size:16px;
	line-height:28px;
	color:#fff	
}
.cont_dl_l{
	width:36%;	
}
.cont_dl_l dl{
	display:flex;
	margin-bottom:35px;
	color:#fff;
	font-size:18px
}
.cont_dl_l dd a{
	color:#fff;
}
.cont_dl_l dt{
	width:20%
}
.cont_dl_r{
	width:56%;	
}
#contact .pu_tit{
	font-size:30px;
	margin-bottom:40px;
	color:#fff
}
.cont_dl_r p .text{
	background:#fff;
	width:100%;
	border:0;
	padding:15px
}
.cont_dl_r p:nth-child(1),.cont_dl_r p:nth-child(2){
	width:48.5%;
}
.cont_dl_r p:nth-child(1){
	float:left
}
.cont_dl_r p:nth-child(2){
	float: right
}
.cont_dl_r p:nth-child(3) .text{
	width:100%;
	margin:2.5% auto
}
.cont_dl_r p:nth-child(4) .textarea{
	width:100%;
	font-family:微软雅黑;
	padding:15px;
	height:3rem
}
.cont_dl_r .button{
	color: #fff;
border: 1px #fff solid;
padding: 15px 55px;
font-size: 16px;
display: inline-block;
background:#161926;
margin:35px 0;
cursor:pointer
}
#contact .contact_l{
	width:49.2%;
	background:#fff;
	padding:0.45rem 0;
}
#contact .contact_l dl{
	display:flex
}
#contact .contact_l dt{
	width:25%;
	text-align:center
}
#contact .contact_l dt em{
	display:block;
	margin-top:10px
}
#contact .contact_l dt img{
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
#contact .contact_l dt img:hover{
	-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#contact .contact_l dd{
	width:72%
}
#contact .contact_l dd p{
	font-size:14px;
	line-height:36px;
}
#contact .form{
	margin-top:35px;
}
#contact .form p{
	width:48%;
	display:flex;
	margin-bottom:2%;
	color:#fff;
}
#contact .form p:last-child{
	width:100%
}
#contact .form p em{
	width:20%;
	align-self: center;
}
#contact .form p .text{
	width:80%;
	border:1px #fff solid;
	padding:15px;
	background:none;
	color:#fff
}
#contact .form p .textarea{
	width:100%;
	border:1px #fff solid;
	padding:15px;
	background:none;
	color:#fff;
	font-family:微软雅黑
}
#contact .form p:last-child em{
	width:10.8%
}
#contact .form .button{
	color: #fff;
border: 1px #fff solid;
padding: 15px 55px;
font-size: 16px;
display: block;
background:#161926;
margin:35px  auto;
cursor:pointer
}

#contact .form .button:hover,.cont_dl_r .button:hover{
	background:#fff;
	color:#181f53
}
.map {
    width: 100%;
    height: 8.6rem;
	margin-top:0.35rem
}
#contact{
	padding-bottom:0
}
#banner .txt{
	width:25%;
	color:#333;
	transform: translate(-0%, -50%);
-webkit-transform: translate(-0%, -50%);text-align: left
}
#banner .txt h2{
	font-size:26px;
}
#banner .txt p{
	font-size:15px;
	line-height:34px
}
#product .pro_l{
	width:24%
}
#product .pro_l .form .text{
	background:#fff;
	padding:8px;
	border:0;
	width:80%
}
#product .pro_l .form .button{
	width:20%;
	background:#181f53;
	color:#fff;
	font-size:15px;
	padding:8px;
	border:0;
	cursor:pointer
}
#product .pro_r{
	width:75%
}
#product .nav_pro{
	background:#f5f5f5;
	margin:15px 0;
	padding:15px
}
#product .nav_pro h2{
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin-bottom:20px
}
#product .nav_pro .ck h3{
	color:#181f53;
	font-size:14px;
	margin:25px 0;
	cursor:pointer
}
#product .nav_pro .ck h3 i{
	background:url(../img/ad.png) no-repeat;
	display:inline-block;
	width:7px;
	height:7px;
	margin-right:20px
}
#product .nav_pro .ck  .list{
	background:#fff;
	width:80%;
	margin-left:10%;
	display:none
}
#product .nav_pro .ck  .list a{
	color:#181f53;
	font-size:12px;
	display:block;
	text-align:center;
	padding:12px 0;
	border-bottom:1px #f0f0f0 dashed
}
#product .nav_pro .ck.active .list{
	display:block
}
#product .pro_r dl{
	width:31.333%;
	float:left;
	margin-left:3%;
	margin-bottom:3%
}
#product .pro_r dl:nth-child(3n+1){
	margin-left:0
}
#product .pro_r dt{
	background:#fff
}
#product .pro_r dt img{
	display:block;
	margin: 0 auto;
	text-align:center
}
#product .pro_r dd{
	background:#f5f5f5;
	padding:0.25rem
}
#product .pro_r dd h2{
	text-align:center;
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding:0 0.35rem;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap
}
#product .pro_r dd  p{
	margin:15px auto;
	font-size:12px;
	color:#666666;
	line-height:20px;
	text-align:center;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

}
#product .pro_r dd i{
color: #181f53;
border: 1px #181f53 solid;
padding: 10px 0;
font-size: 14px;
display: block;
margin:0 auto;
width:45%;
text-align:center
}
#product .pro_r dl:hover dd h2{
	color:#181f53
}
#product .pro_r dl:hover i{
	background:#181f53;
	color:#fff
}

#product .pro_r .page{
	background:#fff;
	margin-top:2%;
	clear:both;
	padding:12px 0
}
#product .pro_r .page a,#product .pro_r .page b{
	color:#333
}
.pro_bg{
	background:#d9dadb;
	padding:70px 0;
}
#product .pro_bg .top .img{
	width:41%
}
#product .pro_bg .top .word{
	width:54%
}
#product .pro_bg .top .word em{
	font-size:18px;
	color:#333333
}
#product .pro_bg .top .word h2{
	font-size:24px;
	color:#333333;
	line-height:36px;
	font-weight:bold;
	margin-top:30px
}
#product .pro_bg .top .word p{
	font-size:18px;
	color:#333333;
	margin-top:20px;
}
#product .pro_bg .top .word a{
	color: #181f53;
border: 1px #181f53 solid;
padding: 10px 0;
font-size: 18px;
display: block;
width: 30%;
text-align: center;
margin:30px 0
}
#product .pro_bg .top .word a img{
	position:relative;
	top:-1px;
	margin-right:6px;
}
#product .pro_cont .tits{
	color:#fff;
	text-align:center;
	font-size:24px;
	padding:30px 0 20px 0;
	margin-bottom:20px
}
#product .pro_cont .ck_ck{
	border-top:1px #bfbfbf solid;
	border-bottom:1px #bfbfbf solid;
	padding:15px 0
}
#product .pro_cont .ck_ck em{
	text-align:center;
	width:33.33%;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	border-left:1px #fff solid;
	padding:15px 0
}

#product .pro_cont .ck_ck em:nth-child(1){
	border-left:0
}
#product .pro_cont .ck_ck em.active{
	background:#ffffff;
	color:#161926;
	
}
#product .pro_cont .ck_ck em.active a{
	color:#161926
}
#product .pro_cont .ck_ck em a{
	color:#fff
}
#product .pro_cont .ck_ck em.active em{
	border-left:1px #161926 solid;
}
table.gridtable{
	margin:35px 0
}
table.gridtable td{
	color:#fff
}
table.gridtable td{
	font-size:14px;
	padding:10px 20px
}
table.gridtable td img{
	margin-right:6px;
}
table.gridtable td.font{
	font-size:18px;
	width:12%
}
.service_tow {
	background: url(../img/sx.jpg) no-repeat;
	background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}

.service_tow .s_bg {
	background: #fff;
	margin: 160px auto;
	padding-bottom:40px
}

.service_tow .form h1 {
	text-align: center;
	font-size: 26px;
	padding: 40px 0
}

.service_tow .form  p {
	width: 50%;
	height: 48px;
	line-height: 48px;
	border: 1px #f0f0f0 solid;
	margin: 0 auto;
	padding-left:1%
}

.service_tow .form .text {
	height: 46px;
	width: 80%;
	border: 0;
	margin-left:2%
}

.service_tow .form .button {
	background: #181f53;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 35%;
	margin: 45px auto 45px auto;
	display: block;
	border: 0;
	color: #fff;
	cursor: pointer
}

.service_tow  .result {
	padding-left: 15%;
}

.service_tow  .result p {
	line-height: 36px;
}
.service_tow .result h1{
	font-weight:bold;
	margin:10px 0 2px 0
}
.service_tow .result h2{
	font-size:16px;
}
.service_tow .result h3{
	margin-bottom:15px
}
.nav_pros {
	position: absolute;
left: 0;
top: 70px;
background: #ffffff;
width: 100%;
z-index:-5
}
.header li .nav_pros a{
	color:#333;
	text-align:left
}
.nav_pros  .n_p_one{
	width:22%;
	background:#181f53
}
.nav_pros  .n_p_tow{
	width:23%;
	background:#e3e4ea
}
.nav_pros  .n_p_tt{
	width:55%
}

.header li .nav_pros  .n_p_one a,.header li .nav_pros .n_p_tow a{
	padding:8px 35px;
	color:#fff;
	display:flex;
	justify-content:space-between ;
}
.header li .nav_pros  .n_p_one a.active{
	background:#fff;
	color:#181f53
}
.header li .nav_pros  .n_p_one a i{
	background:url(../img/icon_no.png) no-repeat;
	width:9px;
	height:9px;
	display:inline-block;
	align-self: center;
}
.header li .nav_pros  .n_p_one a.active i{
	background:url(../img/icon_on.png) no-repeat;
	width:9px;
	height:9px;
	display:inline-block
}

.header li .nav_pros .n_p_tow a{
	color:#181f53;
	text-decoration:underline;
	
}
.header li .nav_pros .n_p_tow a,.header li .nav_pros .n_p_one a,.header li .nav_pros .n_p_tt a{
	line-height:inherit;
	height:auto
}
.header li .nav_pros .n_p_tow a i{
	background:url(../img/icon_on.png) no-repeat;
	width:9px;
	height:9px;
	display:inline-block;
	align-self: center;
}
.header li .nav_pros  .n_p_tow a.active{
	background:#fff;
}


.header li .nav_pros .n_p_tt{
	padding:8px 75px;
	
}
.header li .nav_pros .n_p_tt .one{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.header li .nav_pros .n_p_tt .one a{
	width:50%;
	line-height:50px;
	text-decoration:underline
}
.header li .nav_pros .n_p_tow .one,.header li .nav_pros .n_p_tt .one{
	display:none
}
.header li .nav_pros .n_p_tow .one:nth-child(1){
	display:block
}
.header li .nav_pros .n_p_tt .one:nth-child(1){
	display:flex
}
.header li b{
	background:url(../img/down.png) no-repeat;
	width:9px;
	height:9px;
	display:inline-block;
	align-self: center;
	margin-left:10%;
	display:none
	
}
.nav_pros.flex {
	display:none
}
.header li.actives .nav_pros.flex {
	display:flex
}
.header li:nth-child(5) .nav_pros,.header li:nth-child(7) .nav_pros,.header li:nth-child(2) .nav_pros,.header li:nth-child(6) .nav_pros,.header li:nth-child(4) .nav_pros{
	width:14.2857%;
	left: auto
}
.header li:nth-child(5) .nav_pros .n_p_one,.header li:nth-child(7) .nav_pros .n_p_one,.header li:nth-child(2) .nav_pros .n_p_one,.header li:nth-child(6) .nav_pros .n_p_one,.header li:nth-child(4) .nav_pros .n_p_one{
	width:100%
}
#classroom dt{
	position:relative
}
#classroom dt i{
	background:url(../img/play.png) no-repeat;
	width:60px;
	height:60px;
	display:block;
	background-size:60px 60px;
	   position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
}
#news #classroom .dl dl{
	border:0
}
#news #classroom .new_r{
	width:100%
}
#news #classroom .new_r .title,#news  #classroom .new_r .timer{
	text-align:center
}
#news  #classroom .new_r .timer i{
	margin:0 10px
}
#home-video{
	width:100%;
	/*height:8rem;*/
	/*object-fit: cover;*/
}
#news  #classroom  .ne_pev{
	width:60%
}
#news #classroom .one_to h2 em{
	background:#181f53;
	width:28px;
	height:28px;
	text-align:center;
	line-height:28px;
	font-size:18px;
	color:#fff;
	display:block;
	margin-right:8px
}
#news #classroom .one_to h2,#news #classroom .one_to p{
	display:flex;
	line-height:28px
}
#news #classroom .one_to a{
	color:#fff;
	font-size:16px;
}
#news #classroom .one_to p em{
	background:#fff;
	width:28px;
	height:28px;
	text-align:center;
	line-height:28px;
	font-size:18px;
	color:#181f53;
	display:block;
	margin-right:8px
}
#news #classroom .one_to span{
	width:96%
}
#news #classroom .one_to h2{
	margin-bottom:25px
}
#news #classroom .one_to{
	padding-bottom:25px;
	border-bottom:1px #212937 solid;
	margin-bottom:25px
}
#news #classroom .one_to p {
	line-height:36px;
	
}
#news #classroom .one_to p  span{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.add_contact{
	padding-bottom:35px;	
}
.add_contact h2{
	font-size:30px;
	color:#fff;
	font-weight:normal
}
.add_contact .add_s {
	width:43%
}
.add_contact .add_s .text{
	width:66%	;
	background:#eeeeee;
	border:0;
	padding-left:20px;
	color:#787878;
	font-size:15px
}
.add_contact .add_s .button{
	width:30%;
	background:none;
	border:1px #fff solid;
	color:#fff;
	cursor:pointer	
}
.add_ck em{
	width:14.2857%;
	text-align:center;
	color:#fff;
	margin:30px auto;
	padding:15px 0;
	border:1px #161926 solid;
	cursor:pointer	
}
.add_ck em.active{
	border:1px #fff solid;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:8px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#4a4c56
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(../mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}

/* custom styling */
/* content_1 scrollbar */
.content_1>.mCustomScrollBox>.mCSB_scrollTools{
	height:96%;
	top:2%;
}
/* content_2 scrollbar */
.content_2 .mCSB_scrollTools .mCSB_draggerRail{
	width:10px;
	box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#f6f6f6
}
.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.5);
	filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* old ie */
}
.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.6);
	filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */
}
/* content_3 scrollbar */
.content_3>.mCustomScrollBox>.mCSB_scrollTools{
	height:94%;
	top:3%;
}
.content_3 .mCSB_scrollTools .mCSB_draggerRail{
	width:0;
	border-right:1px dashed #09C;
}
.content_3 .mCSB_scrollTools .mCSB_dragger{
	height:11px;
}
.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:11px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
	background:#09C;
}
/* content_4 scrollbar */
.content_4>.mCustomScrollBox>.mCSB_scrollTools{
	height:94%;
	top:3%;
}
.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#d0b9a0;
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#dfcdb9;
}
.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
	box-shadow:0 0 3px rgba(0,0,0,0.5);
}
/* content_5 scrollbar */
.content_5>.mCustomScrollBox>.mCSB_scrollTools{
	width: 98%;
	margin: 0 1%;
}
/* content_6 scrollbar */
.content_6>.mCustomScrollBox>.mCSB_scrollTools{
	width:88%;
	margin: 0 6%;
}
/* content_8 scrollbar */
.content_8 .mCSB_scrollTools .mCSB_draggerRail{
	width:0px;
	border-left:1px solid rgba(0,0,0,0.8);
	border-right:1px solid rgba(255,255,255,0.2);
}
.wrapper {
	height: 100%;
}

.content {
	width: 100%;
	overflow: auto;
}

.mCSB_container{
	display:flex;
	 justify-content:space-between ;
	 flex-wrap:wrap
}
.content_2 {
	height: 350px;
}
.content_2.content .one_tow{
	width:49%;
	background:#fff;
	margin-bottom:15px
}
.content_2.content .one_tow h2{
	background:#181f53;
	color:#fff;
	font-size:18px;
	padding:15px 35px
}
.content_2.content .one_tow p{
	font-size:14px;
	line-height:36px;
	padding-left:20px
}
.maps{
	margin:40px auto
}
.maps .add_ress i.map_on {
    background: url(../img/tar.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    cursor: pointer;-webkit-animation: tada 1.5s infinite ease;
    animation: tada 1.5s infinite;
	background-size:25px 25px
}


@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


i.sh {
  top: 595px;
right: 182px;
}
i.bj{
  top: 334px;
right: 318px;
}
i.tj{
 top: 365px;
right: 284px;
}
i.zj{
  top: 635px;
right: 220px;
}
i.xj{
   top: 250px;
   left: 186px;
}
i.qh{
top: 470px;
left: 386px;
}

i.hlj{
top: 128px;
right: 110px;
}
i.cq{
top: 624px;
left: 677px;
}
i.hbs{
top: 400px;
right: 335px;	
}
i.sxs{
top: 462px;
right: 405px;	
}
i.ln{
top: 308px;
right: 196px;	
}
i.jl{
top: 247px;
right: 138px;	
}
i.js{
top: 515px;
right: 241px;
}
i.ah{
top: 617px;
right: 273px;
}
i.fj{
top: 717px;
right: 254px;
}
i.jx{
top: 721px;
right: 321px;
}
i.sd{
top: 484px;
right: 277px;
}
i.hns{
top: 560px;
right: 368px;
}
i.hb{
top: 627px;
right: 399px;
}
i.hh{
top: 680px;
right: 380px;
}
i.sc{
top: 650px;
right: 624px;
}
i.gz{
    top: 703px;
    right: 514px;
}
i.yn{
   top: 750px;
right: 683px;
}
i.sx{
top: 512px;
right: 472px;
}
i.gs{
top: 465px;
left: 599px;
}
i.tw{
top: 780px;
right: 177px;
}
i.nmg{
top: 348px;
left: 680px;
}
i.gxzz{
top: 786px;
right: 467px;
}
i.xz{
top: 550px;
left: 186px;
}
i.gd{
top: 790px;
right: 372px;
}
i.xg{
top: 830px;
right: 307px;
}
i.am{
top: 859px;
right: 383px;
}
i.hn{
top: 951px;
right: 459px;
}
i.nxhz{
top: 411px;
left: 652px;
}





.time-line {
	margin: 20px auto;
	position: relative;
}

.time-line .left-btn,.time-line .right-btn {
	width: 120px;
}

.lr_gh{
	margin-top:50px;
	text-align:center;
	 justify-content:center;
}
.lr_gh img{
	cursor:pointer
}

.time-line .time-box {
	margin: 0 auto;
	overflow: hidden;
}

.time-line .time-box ul {
	overflow: hidden;
	position: relative;
	height: 475px;
	display:flex;
}


.time-line .time-box li {
	width: 240px;
	height:280px;
	float: left;
	position: relative;
	cursor: pointer;
	
}
.time-line .time-box li:nth-child(odd){
	position: relative;
	top:350px;


}
.time-line .time-box li .point{
	width: 240px;
	height:280px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	color:#fff
}
.time-line .time-box li .point i{
	background:#fff;
	border:5px #64698c solid;
	width:70px;
	height:70px;
	text-align:center;
	line-height:60px;
	display:block;
	color:#181f53;
	font-size:36px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	-moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  border-radius: 300px;
}
.time-line .time-box li .point  p:last-child{
	border:0
}
.limg{
	content: "";
background: #d2d2d2;
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: 45%;
}

.time-line .time-box li .point i{
	position: absolute;
	left: 50%;
	margin-left: -28px;
	top: -95px;
	font-weight: normal;
}
.time-line .time-box li:nth-child(even) .point i{
	position: absolute;
	left: 50%;
	margin-left: -28px;
	top:260px;
	font-weight: normal;
}

.time-line .time-box li .point img{
	position: absolute;
    top: -55px;
    left: 56px;
}
.time-line .time-box li:nth-child(even) .point img{
	position: absolute;
    top: 45px;
    left: 56px;
}
.time-line .time-box li h2{
	padding-left:100px;
	font-size: 28px;
font-family: "Arial Black", Gadget, sans-serif;
margin-top:-35px
}
.time-line .time-box li p{
	padding-left:100px;
	margin-top:3px;
	font-size:15px;
	line-height:24px
}
.time-line .time-box li:nth-child(even) h2{
	padding-top:70px
}
.wpsf {
    position: fixed;
}
.foot_bg {
    width: 100%;
    height: 60px;
	line-height:60px;
    background-color: rgba(0,0,0,0.8);
    bottom: 0;
    left: 0;
    z-index: 999;
	text-align:center;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif
}